<template>
  <div class="todo-list" >
    <TodoListItem
      v-for="todo in todos"
      :key="todo.id"
      :todo="todo"
      @change-state="todo.completed = $event.target.checked"
    />
  </div>
</template>

<script setup>
import TodoListItem from './TodoListItem.vue';

const props = defineProps({
  todos: Array
})
</script>

<style lang="scss" scoped></style>